<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>API管理系统</title>
<meta name="keywords" content="API管理系统  ApiManager apiManager">
<meta name="description" content="API管理系统  ApiManager apiManager">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport"content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="alternate icon" type="image/png" href="${ctxPath}/images/favicon.ico">
<link rel="stylesheet" href="${ctxPath}/webjars/amazeui/2.5.2/dist/css/amazeui.min.css"/>
<link rel="stylesheet" href="${ctxPath}/css/app.css" />
</head>
<body>

<header class="am-topbar am-topbar-fixed-top">
  <div class="am-container">
    <h1 class="am-topbar-brand">
      <a href="#">ApiManager</a>
    </h1>
	
	<a href="#topbar-collapse" data-am-offcanvas class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only">
		<span class="am-sr-only">导航切换</span> <span class="am-icon-bars"></span>
	</a>

	<div class="am-collapse am-topbar-collapse" id="collapse-head">
      <ul class="am-nav am-nav-pills am-topbar-nav">
        <li><a href="${ctxPath}/" class="am-active">首页</a></li>
        <li><a href="${ctxPath}/project">项目管理</a></li>
        <li><a href="${ctxPath}/api">API文档</a></li>
        <li><a href="${ctxPath}/about">关于我们</a></li>
      </ul>
      <%if(isNotEmpty(session.user.email)){%>
		<div class="am-topbar-right">
	        <ul class="am-nav am-nav-pills am-topbar-nav">
		        <li class="am-dropdown" data-am-dropdown>
		        <a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:;">
		          <span class="am-icon-users"></span> ${session.user.email} <span class="am-icon-caret-down"></span>
		        </a>
		        <ul class="am-dropdown-content">
		          <li><a href="#"><span class="am-icon-user"></span> 资料</a></li>
		          <li><a href="#"><span class="am-icon-cog"></span> 设置</a></li>
		          <li><a href="${ctxPath}/logout"><span class="am-icon-power-off"></span> 退出</a></li>
		        </ul>
		      </li> 
	     	</ul>
	      </div>
	 <%}else{%>
		<div class="am-topbar-right">
	      	<button class="am-btn am-btn-primary am-topbar-btn am-btn-sm login"><span class="am-icon-user"></span> 登录</button>
	        <button class="am-btn am-btn-secondary am-topbar-btn am-btn-sm regist"><span class="am-icon-pencil"></span> 注册</button>
	        <!-- <a href="javascript:;" id="admin-fullscreen"><span class="am-icon-arrows-alt"></span> <span class="admin-fullText">开启全屏</span></a> -->
        </div>
	 <%}%>
      
    </div>
  </div>
</header>

<!-- 手机版侧滑菜单 -->
<!-- Menu -->
<nav data-am-widget="menu" class="am-menu  am-menu-offcanvas1" data-am-menu-offcanvas>
<div id="topbar-collapse" class="am-offcanvas">
  <div class="am-offcanvas-bar">
    <ul class="am-menu-nav sm-block-grid-1">
      <li><a href="${ctxPath}/" class="am-active">首页</a></li>
      <li><a href="${ctxPath}/project">项目管理</a></li>
      <li><a href="${ctxPath}/api">API文档</a></li>
      <li><a href="${ctxPath}/about">关于我们</a></li>
      
      <%if(isNotEmpty(session.user.email)){%>
       <li class="am-parent">
          <a href="##">${session.user.email}</a>
          <ul class="am-menu-sub am-collapse am-avg-sm-3">
              <li><a href="#"><span class="am-icon-user"></span> 资料</a></li>
	          <li><a href="#"><span class="am-icon-cog"></span> 设置</a></li>
	          <li><a href="${ctxPath}/logout"><span class="am-icon-power-off"></span> 退出</a></li>
          </ul>
        </li>
	 <%}else{%>
		<li class="">
        <a href="##" class="login"><span class="am-icon-user"></span>登陆</a>
        <a href="##" class="regist"><span class="am-icon-pencil"></span>注册</a>
      </li>
	 <%}%>
    </ul>
  </div>
  </div>
</nav>
<!-- 头部 -->